<template>
	<view class="content">
		<view class="set_contents">
			<ul class="set_ul">
				<li  v-for="(item,index) in list" :key="index" @click="jump(item.id)">
					<view class="set_top flex">
						<h1>{{item.text}}</h1>
						<uni-icons type="forward" size="15"></uni-icons>
					</view>
					<p>{{item.text1}}</p>
				</li>
			</ul>
			<ul class="set_ul">
				<li  v-for="(item,index) in lists" :key="index"  @click="jump(item.id)">
					<view class="set_top flex">
						<h1>{{item.text}}</h1>
						<uni-icons type="forward" size="15"></uni-icons>
					</view>
					
				</li>
			</ul>
			<button type="submit">提交</button>
			<view class="set_bottom">
				<p>{{phone}}</p>
				<p>{{text}}</p>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				list:[
					{id:'1',text:'个人信息',text1:'头像、昵称、手机号、收货地址'},
					{id:'2',text:'账号与安全',text1:'账号安全'},
					{id:'3',text:'交易设置',text1:'交易密码、银行卡管理'}
				],
				lists:[
					{id:'4',text:'问题反馈'},
					{id:'5',text:'关于我们'}
				],
				phone:'400-0835-999',
				text:'客服电话'
			}
		},
		methods:{
			jump:function(id){
				if ( id ==1){
					uni.navigateTo({
						url:'/pages/mine/mine_message'
					})
				} else if (id == 2){
					uni.navigateTo({
						url:'/pages/mine/sanji/shezhi4'
					})
				} else if ( id == 3){
					uni.navigateTo({
						url:'/pages/mine/sanji/shezhi1'
					})
				} else if ( id == 4){
					uni.navigateTo({
						url:'/pages/mine/sanji/shezhi2'
					})
				}else{
					uni.navigateTo({
						url:'/pages/mine/sanji/shezhi3'
					})
				}
			},
		}
	}
</script>

<style lang="scss">
	$color1:#f2f4f8;
	 page{background-color: $color1;}
	$color2:#4c4c4c;
	$border-radius:20rpx;
	.flex{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;align-items: center;}
	 .set_contents{width: 95%;margin: 0rpx auto}
	.set_ul{background-color: #fff;margin-bottom: 20rpx;box-sizing: border-box;}
	.set_ul li{padding: 20rpx;border-bottom: #f2f4f8 5rpx solid;border-radius: $border-radius;}
	.set_ul p{font-size: 30rpx;color: #ccc;margin: 15rpx 0rpx;}
	button{line-height: 80rpx;color: #fff;text-align: center;background-color: #f00;}
	.set_bottom{text-align: center;font-weight: bold;font-size: 40rpx;margin-top: 20rpx;}
</style>